<template>
  <a-layout>
    <header-view></header-view>
    <a-layout>
      <sider-view></sider-view>
      <a-layout-content
          :style="{ background: '#fff', padding: '24px', margin: 0, minHeight: '280px' }"
      >
        <router-view></router-view>
      </a-layout-content>
    </a-layout>
  </a-layout>
</template>

<script>
import {defineComponent} from "vue";
import HeaderView from "@/components/HeaderView.vue";
import SiderView from "@/components/SiderView.vue";
export default defineComponent({
  components: {
    HeaderView,
    SiderView
  },
  setup() {
    return {

    }
  }
})
</script>
<style scoped>

</style>